@charset "utf-8";
/* CSS Document */

/*---CheckboxGroup---*/
.ht-CheckboxGroup{}

/*---RadioGroup---*/
.ht-RadioGroup{}

/*---Select---*/
.ht-Select{}

/*---SelectGroup---*/
.ht-SelectGroup{}




/*---masker---*/
.ht-Masker {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 5000;
	background-color:#000;
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	transition: all 0.1s;
	opacity: 0;
}
.ht-Masker.open {
	opacity: 0.1;
	filter:Alpha(opacity=10);
}
.ht-Masker.close {
	opacity: 0;
	filter:Alpha(opacity=0);
}













/*---Loading---*/
.ht-Loading {
	left:50%;
	top:50%;
	width: 1px;
	height: 1px;
	opacity: 0;
	/*filter:alpha(opacity=0);*/
	position: fixed;
	z-index: 5000;
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	transition: all 0.1s;
}
.ht-Loading .wrapper{
	position:absolute;
	width:100px;
	height:100px;
	margin-left: -50px;
	margin-top: -50px;
	background-color: #fff;
	background-image: url(images/loadingBg.gif);
	background-repeat: no-repeat;
	background-position: center 15px;
	border-radius:5px;
}
.ht-Loading p{
	text-align: center;
	padding-top: 75px;
	color: #999;
}
.ht-Loading.open {
	/*filter:alpha(opacity=100);*/
	opacity: 1;
	display: block;
}
.ht-Loading.close {
	opacity: 0;
	/*filter:alpha(opacity=0);*/
	/*z-index:-6000;*/
}












/*--SafeCode--*/
.ht-SafeCode{
	cursor:pointer;
	margin-left:10px;
	display:inline-block;
	line-height:25px;
}
.ht-SafeCode img{
	border:none;
	display:block;
}






/*--closeButton--*/
.ht-CloseButton {
	background-image: url(themes/base/images/closeButtonBg.png);
	background-position: right 0;
	background-repeat:no-repeat;
	background-color:transparent;
	position: absolute;
	right: 15px;
	top: 15px;
	color: #CCC;
	width: 20px;
	height: 20px;
	display: block;
	text-indent: -9999px;
	cursor:pointer;
}
.ht-CloseButton:hover {
	background-position: right -20px;
}











/*--Dialog--*/
.ht-Dialog {
	position: absolute;
	position:fixed;
	left: 50%;
	top:50%;
	opacity:0;
	z-index:6000;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	display:none;
}
.ht-Dialog.open{
	opacity: 1;
}
.ht-Dialog.close{
	opacity: 0;
}
.ht-Dialog .wrapper {
	position: absolute;
	width: 400px;
	height: 240px;
	left: -220px;
	top: -140px;
	padding: 20px;
	background-color: #fff;
	border: solid 5px #f2b100;
	border: solid 1px #ccc;
	/*box-shadow: 0px 0px 5px #f2b100;*/
	border-radius: 5px;
}

.ht-Dialog .title {
	font-size: 15px;
	font-weight:700;
	color:#141414;
	height:2em;
	line-height: 2em;
	text-indent: 5px;
	background-image: url(themes/base/images/light.png);
	background-repeat: no-repeat;
	background-position: 2px center;
	padding-left: 20px;
	border-bottom:solid 1px #eee;
	margin-bottom:5px;
}
.ht-Dialog .content{
	height:180px;
	display:block;
	overflow:auto;
	padding:10px 0 10px 0;
	margin: 0 25px;
}
.ht-Dialog .content p{
	line-height:1.5em;
}
.ht-Dialog ul{
}
.ht-Dialog li {
	line-height: 2em;
}




.ht-Dialog.min {
}
.ht-Dialog.open{
}
.ht-Dialog.close{
}
.ht-Dialog.min .wrapper {
	width:300px;
	height:110px;
	left: -110px;
	top: -60px;
	padding:10px;
}

.ht-Dialog.min .title {
}
.ht-Dialog.min .content{
	width:100%;
	height:60px;
	display:block;
	overflow:auto;
}
.ht-Dialog.min .closeButton {
	right: 10px;
	top: 15px;
}
.ht-Dialog.min .closeButton:hover {
}
.ht-Dialog.min ul {
	padding-left: 25px;
}
.ht-Dialog.min li {
}


.ht-Dialog.rightBottom {
	right:20px;
	bottom:20px;
	left:auto;
	top:auto;
}
.ht-Dialog.rightBottom .wrapper {
	right:0;
	bottom:0;
	left:auto;
	top:auto;
}




/*---FrameWindow---*/
.ht-FrameWindow {
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 5000;
	opacity: 0;	
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
.ht-FrameWindow.open {
	display: block;
	opacity: 1;
}
.ht-FrameWindow.close {
	opacity: 0;
}
.ht-FrameWindow .wrapper {
	position: relative;
	width: 900px;
	height: 450px;
	margin-left: -410px;
	margin-top: -275px;
	background-color: #FFF;
	padding:57px 10px 10px 10px;
	
	border:solid 1px #ccc;
	 -webkit-box-shadow: 0 0 20px #666;
	 -moz-box-shadow: 0 0 20px #666;
	 box-shadow: 0 0 20px #666;
}
.ht-FrameWindow.large .wrapper {
	width:1000px;
	margin-left: -500px;
}
.ht-FrameWindow.small .wrapper {
	width:600px;
	margin-left: -300px;
	height: 300px;
	margin-top: -174px;
}
.ht-FrameWindow .title {
	position: absolute;
	left: 0;
	top: 0px;
	line-height: 47px;
	height: 47px;
	background-color: #f8fafe;
	background-image: url(themes/base/images/detailTitleBg.png);
	background-repeat: no-repeat;
	background-position: 30px 17px;
	width: 100%;
	font-size: 15px;
	font-weight:700;
	color:#333;
	text-indent: 55px;
	border-bottom: solid 1px #e5e5e5;
	font-weight:normal;
}
.ht-FrameWindow iframe {
	width: 100%;
	height: 100%;
}
/*.ht-FrameWindow .closeButton {
	position: absolute;
	right: 10px;
	top: 10px;
	background: none;
	border: none;
	background-image: url(themes/base/images/closeButtonBg.png);
	background-position:0 0;
	background-repeat:no-repeat;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
	cursor: pointer;
}
.ht-FrameWindow .closeButton:hover {
	background-position: 0 -20px;
}*/
.ht-FrameWindow.fullScreen{
	position: fixed;
	left: 10px;
	top: 10px;
	right:10px;
	bottom:10px;
}
.ht-FrameWindow.fullScreen .wrapper{
	position: absolute;
	width: auto;
	height: auto;
	margin:0px;
	padding:0px;
	padding-top:57px;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
}








/*--Form--*/

.ht-Form{}
.ht-Form ul{}
.ht-Form li{ padding-top:5px; padding-bottom:5px; position:relative; overflow:hidden; height:auto; line-height:24px;}
.ht-Form li li{ padding:0;}
.ht-Form label{
	display: block;
	width: 120px;
	text-align: right;
	padding-right: 5px;
	float:left;
	height:25px;
	line-height:25px;
	display:block;
}
.ht-Form li * label{
	clear:both;
	float:none;
	display:inline-block;
	width: auto;
}
.ht-Form .required{
	color:#f00;
	padding-right:5px;
}
.ht-Form .tips{
	padding-left: 10px;
	/*line-height:3em;*/
	display:inline;
}
.ht-Form li li label{ width:auto;}

.ht-Form select{
	background:none;
	border:none;
	border:solid 1px #ccc;
	line-height:24px;
	height:24px;
}
.ht-Form input[type=date],
.ht-Form input[type=int],
.ht-Form input[type=text],
.ht-Form input[type=password]{
	background:none;
	border:none;
	border:solid 1px #ccc;
	line-height:22px;
	height:22px;
	padding-left:5px;
}
.ht-Form textarea{
	background:none;
	border:none;
	border:solid 1px #ccc;
	line-height:22px;
	padding-left:5px;
}
.ht-Form input[type=submit]{
	/*background:none;
	border:none;
	background-color:#666;
	width:100px;
	line-height:22px;
	height:22px;
	cursor:pointer;
	float:left;*/
}
.ht-Form input[type=submit]:hover{
	/*background-color:#f60;
	color:#FFF;*/
}





/*--Button--*/
.ht-Button{
	display: inline-block;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #eee;
	border:solid 1px #ddd;
	border-radius: 5px;
	cursor: pointer;
	text-decoration: none;
	margin-right:5px;
	margin-bottom:5px;
	width:auto;
}
.ht-Button:hover{
	border:solid 1px #ccc;
	background-color:#e5e5e5;
}




/*--ButtonGroup--*/
.ht-ButtonGroup{ clear:both; margin-bottom:10px;}
.ht-ButtonGroup .ht-Button{ margin:0;border:none; border:solid 1px #ddd;border-left:none;border-radius: 0px;}
.ht-ButtonGroup .ht-Button:nth-child(1){
	border:none;
	border-right:solid 1px #ddd;
	border-radius: 5px 0 0 5px;
	border:solid 1px #ddd;
}
.ht-ButtonGroup .ht-Button:nth-last-child(1){
	border-radius: 0 5px 5px 0;
	border:solid 1px #ddd;
	border-left:none;
}




.ht-ButtonGroup.h{ clear:both; margin-bottom:10px;}
.ht-ButtonGroup.h .ht-Button{ margin:0;border:none; border:solid 1px #ddd;border-left:none;border-radius: 0px;}
.ht-ButtonGroup.h .ht-Button:nth-child(1){
	border:none;
	border-right:solid 1px #ddd;
	border-radius: 5px 0 0 5px;
	border:solid 1px #ddd;
}
.ht-ButtonGroup.h .ht-Button:nth-last-child(1){
	border-radius: 0 5px 5px 0;
	border:solid 1px #ddd;
	border-left:none;
}





.ht-ButtonGroup.v{ clear:both; margin-bottom:10px;}
.ht-ButtonGroup.v .ht-Button{ margin:0;border:none; border:solid 1px #ddd;border-top:none;border-radius: 0px; width:auto; display:block; width:100px; text-align:center;}

.ht-ButtonGroup.v .ht-Button:nth-child(1){
	border:none;
	border-right:solid 1px #ddd;
	border-radius: 5px 5px 0 0;
	border:solid 1px #ddd;
}
.ht-ButtonGroup.v .ht-Button:nth-last-child(1){
	border-radius: 0 0 5px 5px;
	border:solid 1px #ddd;
	border-top:none;
}




.ht-dialogContent{
	display:none;
}





.ht-tabs{
	width:100%;
}
.ht-tabs .tabsList{}
.ht-tabs .tabsList li{
	width:33.33%;
	height:40px;
	float:left !important;
	clear: none !important;
}
.ht-tabs .tabsList li a{
	display:block;
	line-height:39px;
	height:39px;
	text-align:center;
	border-bottom:solid 1px #ccc;
	cursor:pointer;
}
.ht-tabs .tabsList li.focusOpen{}
.ht-tabs .tabsList li.focusOpen a{
	border-bottom:solid 3px #ccc;
	line-height:37px;
	height:37px;
}

.ht-tabs .tabsList li.focusClose{}
.ht-tabs .tabsList li.focusClose a{
}

.ht-tabs .tabsContentGroup{
	clear:both;
	/*padding-top:5px;*/
}
.ht-tabs .tabsContent{}
.ht-tabs .tabsContent.focusClose{
	display:none;
}
.ht-tabs .tabsContent.focusOpen{
	display:block;
}








.ht-Focus{}
.ht-Focus .prevButton{
	position:absolute;
	z-index:10;
	left:0;
	bottom:0;
	width:50pt;
	height:100%;
	line-height:100%;
	text-align:center;
	background-image:url(images/prevButton.png);
	background-position:center center;
	background-size:contain;
	background-repeat:no-repeat;
	text-indent:-9999px;
}
.ht-Focus .nextButton{
	position:absolute;
	z-index:10;
	right:0;
	bottom:0;
	cursor:pointer;
	width:50pt;
	height:100%;
	line-height:100%;
	text-align:center;
	background-image:url(images/nextButton.png);
	background-position:center center;
	background-size:contain;
	background-repeat:no-repeat;
	text-indent:-9999px;
}
.ht-Focus .container{
	position:relative;
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
	cursor:pointer;
}
.ht-Focus.alpha ul{}
.ht-Focus.alpha ul li{
	transition: all 0.1s;
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	left:0;
	top:0;
}
.ht-Focus.alpha ul li.focusOpen{
	opacity:1;
	filter:alpha(opacity=100);
}
.ht-Focus.alpha ul li.focusClose{
	opacity:0;
	filter:alpha(opacity=0);
}


.ht-Focus.position .container{
	width:100%;
	height:100%;
	position:relative;
	display:block;
	overflow:hidden;
}
.ht-Focus.position ul{
	position:absolute;
	left:0;
	top:0;
	width:400%;
	/*transition: all 1s;*/
	display:block;
	height:100%;
}
.ht-Focus.position ul li{
	width:25%;
	height:100%;
	display:block;
	position:relative;
	float:left;
}
/*.ht .Focus.position ul.focus_0{
	left:0%;
}
.ht .Focus.position ul.focus_1{
	left:-100%;
}
.ht .Focus.position ul.focus_2{
	left:-200%;
}
.ht .Focus.position ul.focus_3{
	left:-300%;
}
.ht .Focus.position ul.focus_4{
	left:-400%;
}
.ht .Focus.position ul.focus_5{
	left:-500%;
}*/
.ht-Focus.position ul li.focusOpen{
}
.ht-Focus.position ul li.focusClose{
}












/*--dataInput--*/
iframe.ht-dateSelector{
	position:absolute;
	width:180px;
	height:255px;
	border:solid 1px #ddd;
	z-index: 8888;
}

input.ht-dateInput{
	background-image: url(../0.3.0/module/control/dateInput/dateInputBg.png);
	
	background-position:right center;
	background-repeat:no-repeat;
	
	color:#000;
	line-height:30px;
	height:30px;
	border: solid 1px #eee;
}

.ht-Form input.ht-dateInput{
	background-image: url(../0.3.0/module/control/dateInput/dateInputBg.png);
	background-position:right center;
	background-repeat:no-repeat;
}




/*--ht-letterCatalog--*/
.ht-letterCatalog{}
.ht-letterCatalog .letter{
	height:35px;
	border-top: solid 1px #eee;
	border-bottom: solid 1px #eee;
}
.ht-letterCatalog .letterList{}
.ht-letterCatalog .letterList li{ float: left;width: auto; clear: none; padding: 5px; padding-left:0; min-height: 22px;line-height:24px;}
.ht-letterCatalog .letterList li a{ background-color: #f4f4f4; display: block;padding-left: 6px; padding-right: 6px; cursor: pointer;}

.ht-letterCatalog .letterA{ display: none;}
.ht-letterCatalog .letterB{ display: none;}
.ht-letterCatalog .letterC{ display: none;}
.ht-letterCatalog .letterD{ display: none;}
.ht-letterCatalog .letterE{ display: none;}
.ht-letterCatalog .letterF{ display: none;}
.ht-letterCatalog .letterG{ display: none;}
.ht-letterCatalog .letterH{ display: none;}
.ht-letterCatalog .letterI{ display: none;}
.ht-letterCatalog .letterJ{ display: none;}
.ht-letterCatalog .letterK{ display: none;}
.ht-letterCatalog .letterL{ display: none;}
.ht-letterCatalog .letterM{ display: none;}
.ht-letterCatalog .letterN{ display: none;}
.ht-letterCatalog .letterO{ display: none;}
.ht-letterCatalog .letterP{ display: none;}
.ht-letterCatalog .letterQ{ display: none;}
.ht-letterCatalog .letterR{ display: none;}
.ht-letterCatalog .letterS{ display: none;}
.ht-letterCatalog .letterT{ display: none;}
.ht-letterCatalog .letterU{ display: none;}
.ht-letterCatalog .letterV{ display: none;}
.ht-letterCatalog .letterW{ display: none;}
.ht-letterCatalog .letterX{ display: none;}
.ht-letterCatalog .letterY{ display: none;}
.ht-letterCatalog .letterZ{ display: none;}

.ht-letterCatalog.showLetterA .letterA{ display: block;}
.ht-letterCatalog.showLetterB .letterB{ display: block;}
.ht-letterCatalog.showLetterC .letterC{ display: block;}
.ht-letterCatalog.showLetterD .letterD{ display: block;}
.ht-letterCatalog.showLetterE .letterE{ display: block;}
.ht-letterCatalog.showLetterF .letterF{ display: block;}
.ht-letterCatalog.showLetterG .letterG{ display: block;}
.ht-letterCatalog.showLetterH .letterH{ display: block;}
.ht-letterCatalog.showLetterI .letterI{ display: block;}
.ht-letterCatalog.showLetterJ .letterJ{ display: block;}
.ht-letterCatalog.showLetterK .letterK{ display: block;}
.ht-letterCatalog.showLetterL .letterL{ display: block;}
.ht-letterCatalog.showLetterM .letterM{ display: block;}
.ht-letterCatalog.showLetterN .letterN{ display: block;}
.ht-letterCatalog.showLetterO .letterO{ display: block;}
.ht-letterCatalog.showLetterP .letterP{ display: block;}
.ht-letterCatalog.showLetterQ .letterQ{ display: block;}
.ht-letterCatalog.showLetterR .letterR{ display: block;}
.ht-letterCatalog.showLetterS .letterS{ display: block;}
.ht-letterCatalog.showLetterT .letterT{ display: block;}
.ht-letterCatalog.showLetterU .letterU{ display: block;}
.ht-letterCatalog.showLetterV .letterV{ display: block;}
.ht-letterCatalog.showLetterW .letterW{ display: block;}
.ht-letterCatalog.showLetterX .letterX{ display: block;}
.ht-letterCatalog.showLetterY .letterY{ display: block;}
.ht-letterCatalog.showLetterZ .letterZ{ display: block;}

.ht-letterCatalog.showLetterAll .letterA{ display: block;}
.ht-letterCatalog.showLetterAll .letterB{ display: block;}
.ht-letterCatalog.showLetterAll .letterC{ display: block;}
.ht-letterCatalog.showLetterAll .letterD{ display: block;}
.ht-letterCatalog.showLetterAll .letterE{ display: block;}
.ht-letterCatalog.showLetterAll .letterF{ display: block;}
.ht-letterCatalog.showLetterAll .letterG{ display: block;}
.ht-letterCatalog.showLetterAll .letterH{ display: block;}
.ht-letterCatalog.showLetterAll .letterI{ display: block;}
.ht-letterCatalog.showLetterAll .letterJ{ display: block;}
.ht-letterCatalog.showLetterAll .letterK{ display: block;}
.ht-letterCatalog.showLetterAll .letterL{ display: block;}
.ht-letterCatalog.showLetterAll .letterM{ display: block;}
.ht-letterCatalog.showLetterAll .letterN{ display: block;}
.ht-letterCatalog.showLetterAll .letterO{ display: block;}
.ht-letterCatalog.showLetterAll .letterP{ display: block;}
.ht-letterCatalog.showLetterAll .letterQ{ display: block;}
.ht-letterCatalog.showLetterAll .letterR{ display: block;}
.ht-letterCatalog.showLetterAll .letterS{ display: block;}
.ht-letterCatalog.showLetterAll .letterT{ display: block;}
.ht-letterCatalog.showLetterAll .letterU{ display: block;}
.ht-letterCatalog.showLetterAll .letterV{ display: block;}
.ht-letterCatalog.showLetterAll .letterW{ display: block;}
.ht-letterCatalog.showLetterAll .letterX{ display: block;}
.ht-letterCatalog.showLetterAll .letterY{ display: block;}
.ht-letterCatalog.showLetterAll .letterZ{ display: block;}





















.ht-pagination{ position: relative;height: 35px;padding-top: 10px; background-color: #f8f8f8;}
.ht-pagination .tips{ position: absolute; right:10px; top:15px;}
/*--post use--*/
.ht-pagination .controls{ padding-left: 10px; display: inline; display: none; line-height: 24px;}
.ht-pagination .controls span{ margin-left: 5px; margin-right: 5px;display: block; float: left; line-height: 24px;}
.ht-pagination .controls select{ margin-right: 5px; line-height: 24px; height:24px; border: solid 1px #ccc;display: block; float: left;}
.ht-pagination .controls input[type='text']{ width: 22px; line-height:22px; height:22px; text-align: center; padding: 0; padding:0; margin:0; margin-left: 5px; margin-right: 5px; border: solid 1px #ccc;}
.ht-pagination .controls input[type='submit']{ width: 24px; height:24px; background: none; border: none; background-color: #eee; cursor: pointer; margin-right: 5px; background-repeat: no-repeat; background-position: center center;  line-height: 200px; overflow: hidden; display: block; float: left;}
.ht-pagination .controls input[type='submit']:hover{background-color: #ddd;}
.ht-pagination .controls input.first{background-image: url(images/first.png); text-indent: -9999px;}
.ht-pagination .controls input.prev{background-image: url(images/prev.png); text-indent: -9999px;}
.ht-pagination .controls input.next{background-image: url(images/next.png); text-indent: -9999px;}
.ht-pagination .controls input.last{background-image: url(images/last.png); text-indent: -9999px;}
.ht-pagination .controls input.refresh{background-image: url(images/refresh.png); text-indent: -9999px;}

/*--get use--*/
.ht-pagination .pageNum{padding-left: 10px; display: inline; display: none;}
.ht-pagination .pageNumList{}
.ht-pagination .pageNumList li{ width: 30px; float: left; position: relative;}
.ht-pagination .pageNumList a{ display: block; width:24px; heigth:24px;background-color: #eee; text-align: center; line-height: 24px; cursor: pointer; background-repeat: no-repeat; background-position: center center;}
.ht-pagination .pageNumList a:hover{background-color: #ddd;}

.ht-pagination .pageNumList .first a{background-image: url(images/first.png); text-indent: -9999px;}
.ht-pagination .pageNumList .prev a{background-image: url(images/prev.png); text-indent: -9999px;}
.ht-pagination .pageNumList .next a{background-image: url(images/next.png); text-indent: -9999px;}
.ht-pagination .pageNumList .last a{background-image: url(images/last.png); text-indent: -9999px;}
.ht-pagination .pageNumList .refresh a{background-image: url(images/refresh.png); text-indent: -9999px;}


.ht-pagination.post .controls{ display: block;}
.ht-pagination.get .pageNum{ display: block;}




.ht-accordion{ position: relative; width: 400px; height: 400px;border-top: solid 1px #eee;border-left: solid 1px #eee;border-right: solid 1px #eee;border-bottom: solid 1px #eee;}
.ht-accordion div{}
.ht-accordion .accordionTitle{ height: 40px; line-height: 40px; border-bottom: solid 1px #eee; text-indent: 1em; background-color: #f6f6f6; cursor: pointer;}
.ht-accordion .accordionContent{ height:auto; padding: 10px; display: none;}


.ht-accordion .focusOpen{}
.ht-accordion .focusOpen .accordionContent{display: block;}

.ht-accordion .focusClose{}







.ht-messager{
	position: fixed;
	right: 20px;
	bottom: 5px;
	border: solid 1px #ddd;
	border-bottom: none;
	width: 240px;
	background-color: #fff;
}
.ht-messager .wrapper{
}
.ht-messager .title{
	line-height: 30px;
	height:30px;
	border-bottom: solid 1px #ddd;
	text-indent: 10px;
	font-size: 10pt;
}
.ht-messager .count{
	color:#f60;
}
.ht-messager .ht-CloseButton{
	right: 10px;
	top:10px;
}
.ht-messager .content{
	line-height: 25px;
	padding: 5px;
	border-bottom: solid 1px #ddd;
	max-height: 300px;
	overflow-y: auto;
}
.ht-messager .content div{
	padding-top:5px;
	padding-bottom:5px;
	border-bottom: solid 1px #eee;
}
.ht-messager .content strong{
	color:#f60;
}
.ht-messager .content a{
	color:#09E;
}

.ht-messager .toolBar .button{
	width: 20px;
	height: 20px;
	background-color: #eee;
	display: block;
	text-indent: -9999px;
	cursor: pointer;
	margin-right: 5px;
	padding: 0;
	display: inline-block;
	/*border: solid 1px #ddd;*/
	border:none;
	background: none;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: transparent;
}
.ht-messager .toolBar{
	position: absolute;
	right: 0px;
	top: 5px;
}
.ht-messager .toolBar .button.openButton{
	background-image: url(images/focusOpen.png);
	display: none;
}
.ht-messager .toolBar .button.closeButton{
	background-image: url(images/focusClose.png);
	display: none;
}
.ht-messager.focusOpen{
}
.ht-messager.focusOpen .button.closeButton{
	display: block;
}
.ht-messager.focusOpen .content{
	display: block;
}
.ht-messager.focusClose{
}
.ht-messager.focusClose .button.openButton{
	display: block;
}
.ht-messager.focusClose .content{
	display: none;
}

.ht-messager .paraList li{
	padding-left: 60px;
}
.ht-messager .paraList label{
	width: 60px;
}









.ht-attachmentView{
}
.ht-attachmentView div{
	clear: both;
	height: 25px;
}
.ht-attachmentView div a{
	display: block;
	line-height: 20px;
}
.ht-attachmentView .icon{
	width: 20px;
	height: 20px;
	/*background-color: #eee;*/
	display: block;
	margin-right: 5px;
	float: left;
	background-image: url(images/attachmentView/icon/other.png);
}
.ht-attachmentView .fileName{
	width: auto;
	height: 20px;
	display: block;
	float: left;
}




.ht-orderButton{
	position: relative;
	width: 20px;
	height: 20px;
	border: none;
	background: none;
	text-indent: -9999px;
	margin-left: 5px;
	background-image: url(images/orderButtonBg.png);
	cursor:pointer;
	color: #f2f2f2;
	font-size: 1px;
}
.ht-orderButton.asc{
	background-position: 0 -20px;
}
.ht-orderButton.desc{
	background-position: 0 -40px;
}



















.ht-calendar{ position: relative; margin: auto; border: solid 1px #eee; width: 180px;}
.ht-calendar ul{ clear:both; width:175px; padding-left:5px;}
.ht-calendar li{ display:block; width:25px; height:25px; float:left; position: relative;}
.ht-calendar li a{ display:block; display:block; text-align:center; width:20px; height:20px; line-height:20px; cursor:pointer;}
.ht-calendar li.current a{ background-color:#e4e4e4; border-radius:2px;}
.ht-calendar ul.weekList{ padding-top:40px; background-color:#f4f4f4; height:25px; border-bottom:solid 1px #f0f0f0;}
.ht-calendar ul.dayList{ height:150px; padding-top:5px;}

.ht-calendar li span.info{ background-color: #f60;position: absolute; display: block; width: 5px; height: 5px; border-radius:10px; right:5px; top:0; display: none;}
.ht-calendar li.info span.info{ display: block;}
.ht-calendar li.mon{}
.ht-calendar li.tues{}
.ht-calendar li.wed{}
.ht-calendar li.thurs{}
.ht-calendar li.fri{}
.ht-calendar li.sat{ color:#00ee00}
.ht-calendar li.sun{ color:#cc2222}



.ht-calendar .nextButton{display:block;float:left;width: 20px;height: 30px;text-align: center;cursor: pointer;font-family: Arial, Helvetica, sans-serif;background-image: url(images/calendarBg.png); background-position:right top; text-indent:-9999px;}
.ht-calendar .prevButton{ display:block;float:left; width:20px; height:30px; text-align:center; cursor:pointer; font-family:Arial, Helvetica, sans-serif;background-image: url(images/calendarBg.png); background-position:left top; text-indent:-9999px;}
.ht-calendar .value{ float: left;}
.ht-calendar .nextButton:hover{ background-position:bottom right;}
.ht-calendar .prevButton:hover{ background-position:bottom left;}


.ht-calendar .year{ position:absolute; left:0px; top:0px; line-height:30px; text-align:center; width:90px; background-color:#f0f0f0; border-bottom:solid 1px #eee;}
.ht-calendar .month{ position:absolute; left:90px; top:0px; line-height:30px; text-align:center; width:90px; background-color:#f0f0f0; border-bottom:solid 1px #eee;}
.ht-calendar .year .value,
.ht-calendar .month .value{ width:50px; display:inline-block;}








/*--搜索组--*/
.ht-searchGroup{}
.ht-searchGroup .searchItem{
	display: block;
}
.ht-searchGroup .searchItem .addButtonGroup{ display: none; padding-top: 5px;}
.ht-searchGroup .searchItem .addButton{ display: inline-block; background: none; border: solid 1px #ccc;}
.ht-searchGroup .searchItem .removeButton{ display: inline-block;background: none; border: solid 1px #ccc;}

.ht-searchGroup .searchItem.and .addButtonGroup{ display: none;}

.ht-searchGroup .searchItem.first{}
.ht-searchGroup .searchItem.first .removeButton{ visibility:hidden;}

.ht-searchGroup .searchItem.last{}
.ht-searchGroup .searchItem.last .addButtonGroup{ display: inline;}

.ht-searchGroup .searchItemTemplate{ display: none;}



.ht-container{
	position: relative;
	width: 100%;
	height: 100px;
	overflow: auto;
}


/*--参数表单--*/
.ht-paraTable{
	display: none;;
}